<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>

<b:include data='blog' name='all-head-content'/>

<meta content='Web Developer, UI Developer, Web Designer, PSD to HTML, Responsive Website Design, Mobile Website Design, Freelancer, Front End Developer' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/> 

<meta content='article' property='og:type'/>
<meta content='https://lh5.googleusercontent.com/-EF9cIuHsmXE/UPrqLJZPBRI/AAAAAAAAADU/QMFaqa1Z_sg/s257-no/WP_000403.jpg' property='og:image'/>
<meta content='Dynamic and Creative UI developer with 5+ years of experience working with Startups to create Innovative, Cross-Platform and Responsive Web Applications.' property='og:description'/>



<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,700|Julius+Sans+One|Roboto+Condensed:300,400' rel='stylesheet' type='text/css'/>


    <b:skin><![CDATA[/*
-----------------------------------------------
Boardmag Responsive Parallax Blogger Template
Version: 1.0
Designed by Puneet Sharma
Author: Puneet Sharma
Author URI: http://uiscripts.com
----------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal color:#333;font-size:16px;-ms-word-wrap:break-word;word-wrap:break-word;overflow-x:hidden}
header{height:65px;width:100%;position:fixed;top:0;z-index:1000}
#logo{float:left;max-width:480px;margin:0;}
#logo h1,#logo h1{font-size:30px}
.nav{float:right}
nav li{list-style:none;float:left}
nav ul{margin:0;padding:0;position:relative;z-index:999}
nav a{text-transform:uppercase;color:#fff;text-decoration:none;width:auto;padding:10px 10px;margin-right:0;line-height:42px;display:block;text-align:center;position:relative;overflow:hidden;min-width:60px}
nav a:hover{color:#fff!important}
nav a span.hover{position:absolute;width:100%;top:-58px;left:0;height:65px;transition:all .5s}
nav a span.arr{display:none}
nav a span.menu_name{position:relative;z-index:1000;display:block}
nav li.current a span.hover{transition:all .5s;top:0!important}
.dropdown nav li.current a span.hover{height:100%}
nav a:hover span.hover{transition:all .5s;top:0!important}
.nav.js{margin:0;position:relative}
header.dropdown{height:auto;min-height:78px;background:#000}
header.dropdown #menu_back{background:transparent}
header.dropdown #logo img{margin-top:2px}
@media(max-width:768px){header #logo img{width:auto!important;max-height:150px}
}@media(max-width:460px){header #logo img{width:auto!important;max-height:80px}
}header.dropdown .head_box{content:'';border-width:60px 2880px 0 0;border-style:solid dashed solid solid;border-color:#000 transparent transparent transparent;width:0;height:0;position:absolute;top:100%}
header.dropdown nav{position:relative}
header.dropdown nav #menu_current{position:relative;z-index:3;margin-top:20px}
#menu_current a{text-align:right;text-indent:10px;margin:0;font-size:12px;text-transform:uppercase;background:#000;line-height:12px;padding:11px;width:120px;font-weight:bold;font-family:Roboto;cursor:pointer;display:block;border-top-width:0;-moz-transition:opacity .8s ease-in-out;-webkit-transition:opacity .8s ease-in-out;-o-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}
#menu_current a:hover span.menu_name{color:#ffffff!important}
#menu_current a span.hover{display:none}
#menu_current.hide a{opacity:0}
#menu_current:after{content:'';position:absolute;height:100%;width:100%;z-index:2;background:black;top:-100%;left:0}
#menu_current.home a{text-align:left}
#menu_current.home span.menu_name:after{content:"\f107";position:absolute;right:0;left:auto}
#menu_current span.menu_name:after{content:"\f060";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;font-size:22px;position:absolute;right:auto;left:0}
header.dropdown .nav nav ul{position:absolute;top:0;width:100%;z-index:3;background:rgba(0,0,0,0.5);transform:translate(0px,-360px);-moz-transform:translate(0px,-360px);-webkit-transform:translate(0px,-360px);transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-moz-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-webkit-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s}
header.dropdown .nav nav ul.opened{transform:translate(0px,0px);-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-moz-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-webkit-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s}
header.dropdown .nav nav ul li{float:none;display:block}
header.dropdown .nav nav ul li a{margin:0;text-align:left;text-indent:20px;padding:5px}
header.dropdown .nav nav li:hover a span.hover{height:100%}
a{text-decoration:none}
#uj-slider{position:relative;width:100%;margin:0;overflow:hidden}
#uj-slider .widget h2,.tabs-wrap .widget h2{display:none}
.uj_slider{position:relative;width:100%}
.uj_slider_wrap{width:100%;position:relative;height:680px;overflow:hidden;padding:0}
.uj_slider_item{width:100%;height:680px;overflow:hidden;width:100%}
.uj_slider .slides img{width:100%;height:auto}
.uj_slider .slider_caption{position:absolute;padding:10px 15px;left:0;right:0;bottom:200px;margin:0 auto 12px;z-index:99;color:#fff;border:1px solid #fff;text-align:center;text-shadow:#000 1px 1px 3px;text-transform:uppercase;width:50%;font-weight:normal}
.uj_slider_wrap .uj_slider_item{display:none;position:relative}
.flex-direction-nav{*height:0}
.flex-direction-nav{margin:0;padding:0;list-style:none}
.uj_slider .slider_caption h3{margin-bottom:0;font-size:42px}
.uj_slider .slider_caption h3 a{font-family:'Roboto',serif;color:#fff}
.uj_slider .slider_caption h3 a:hover{color:#cd2122}
.uj_slider p.caption{position:absolute;padding:7px 0;bottom:130px;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;width:50%;color:#fff;font-size:16px;line-height:24px;z-index:99}
.uj_slider p.caption .post-meta{display:none}
.uj_slider .flex-direction-nav a{position:absolute;z-index:99;margin-top:-35px;top:50%;text-indent:-9999px;width:47px;height:47px}
.uj_slider .flex-direction-nav .flex-next{right:0;background:url(http://2.bp.blogspot.com/-uGoiHpQQkJ8/U49cfBQ3tHI/AAAAAAAADgI/y4Nq1WctLHg/s1600/slider-arrows.png) no-repeat -47px 0!important;z-index:99}
.uj_slider .flex-direction-nav .flex-prev{left:0;background:url(http://2.bp.blogspot.com/-uGoiHpQQkJ8/U49cfBQ3tHI/AAAAAAAADgI/y4Nq1WctLHg/s1600/slider-arrows.png) no-repeat 0 0!important;z-index:99}
.flex-control-nav.flex-control-paging{display:none}
.flex-viewport{max-width:1200px;margin:0 auto}
.flexslider .slides{zoom:1;overflow:hidden}
.drop-cap:first-letter {float:left;margin:auto .15em auto auto;padding:inherit;font-size:6em;font-family:LatoBlack;line-height:1;text-indent:0;background:transparent;color:inherit;font-style:normal!important}
.zoo-page-title{font-size:1.18em;font-weight:700}
.zoo-page-title span{font-weight:normal}
abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}
@font-face{font-family:'ecoicon';
src:url('https://googledrive.com/host/0B5gOEkhhkL7TcVY0cURLMkRicVU');
src:url('https://googledrive.com/host/0B5gOEkhhkL7TRW1yMUI5LWY3N2s') format('woff');
font-weight:normal;
font-style:normal}
.uj-icon-wrap{text-align:center;margin:40px auto 0;padding:40px 0;width:100%;position:relative;border-top:1px solid rgba(255,255,255,0.3)}
.uj-icon-wrap a:hover,.uj-icon-wrap a:active{color:#333}
.uj-icon{display:inline-block;font-size:14px;cursor:pointer;width:70px;height:70px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff}
.uj-icon-wrap a{margin:15px 30px;color:#fff;font-weight:bold;display:inline-block;text-align:center;position:relative}
.uj-icon-wrap a:hover{color:#eea303}
.uj-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.uj-icon:before{font-family:'ecoicon';speak:none;font-size:38px;line-height:70px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
.uj-icon-effect-8 .uj-icon{background:#41ab6b;-webkit-transition:-webkit-transform ease-out .1s,background .2s;-moz-transition:-moz-transform ease-out .1s,background .2s;transition:transform ease-out .1s,background .2s}
.uj-icon-effect-8 .uj-icon:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(0,0,0,0.1);opacity:0;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
.uj-icon-effect-8 a:hover .uj-icon{background:#eea303;-webkit-transform:scale(0.93);-moz-transform:scale(0.93);-ms-transform:scale(0.93);transform:scale(0.93);color:#fff}
.uj-icon-effect-8 a:hover .uj-icon:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms;-moz-animation:sonarEffect 1.3s ease-out 75ms;animation:sonarEffect 1.3s ease-out 75ms}
@-webkit-keyframes sonarEffect{0%{opacity:.3}
60%{opacity:.5;box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3)}
100%{box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3);-webkit-transform:scale(1.5);opacity:0}
}@-moz-keyframes sonarEffect{0%{opacity:.3}
60%{opacity:.5;box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3)}
100%{box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3);-moz-transform:scale(1.5);opacity:0}
}@keyframes sonarEffect{0%{opacity:.3}
60%{opacity:.5;box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3)}
100%{box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3);transform:scale(1.5);opacity:0}
}.uj-icon-mobile:before{content:"\e009"}
.uj-icon-screen:before{content:"\e00a"}
.uj-icon-earth:before{content:"\e002"}
.uj-icon-support:before{content:"\e000"}
.uj-icon-locked:before{content:"\e001"}
.uj-icon-cog:before{content:"\e003"}
.uj-icon-clock:before{content:"\e004"}
.uj-icon-videos:before{content:"\e005"}
.uj-icon-list:before{content:"\e006"}
.uj-icon-refresh:before{content:"\e007"}
.uj-icon-images:before{content:"\e008"}
.uj-icon-pencil:before{content:"\e00b"}
.uj-icon-link:before{content:"\e00c"}
.uj-icon-mail:before{content:"\e00d"}
.uj-icon-location:before{content:"\e00e"}
.uj-icon-archive:before{content:"\e00f"}
.uj-icon-chat:before{content:"\e010"}
.uj-icon-bookmark:before{content:"\e011"}
.uj-icon-user:before{content:"\e012"}
.uj-icon-contact:before{content:"\e013"}
.uj-icon-star:before{content:"\e014"}
.uj-icon.uj1{background:#f06060}
.uj-icon.uj2{background:#966}
.uj-icon.uj3{background:#eea303}
.uj-icon.uj4{background:#0e83cd}
.uj-icon.uj5{background:#d54f30}
.uj-icon.uj6{background:#64bb5d}
.uj-icon.uj7{background:#96a94b}
.uj-icon.uj8{background:#3851bc}
.uj-icon.uj9{background:#008b8b}
.container{width:100%;max-width:1100px;margin:0 auto}
.span9{float:left;width:68%}
.span3{float:right;width:30%}
#portflo .list-label-widget-content{margin:40px 0px}
#portflo{width:100%;margin:0 auto;overflow:hidden}
.list-label-widget-content{margin-bottom:20px}
#Label27 .list-label-widget-content{text-align:center}
.portfolioFilter{text-align:center;margin-bottom:10px}
.portfolioFilter a{margin-right:10px;color:#666;text-decoration:none}
.portfolioFilter a.current{font-weight:bold}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
ul#portfolio_iner{list-style:none;width:100%;max-height:600px;overflow:hidden;}
ul#portfolio_iner li{display:block;float:left;width:25%;margin-right:0;overflow:hidden;list-style:none;height:190px;max-height:190px;min-height:190px;overflow:hidden;background:#333}
ul#portfolio-filter{text-align:center;margin:0 auto;display:inline-block;padding:0;width:100%;position:relative}
ul#portfolio-filter li{line-height:43px;display:inline-block;text-align:center}
ul#portfolio-filter li a{border-radius:0;border:solid 2px #f54f36;padding:6px 9px;margin-right:3px;color:#000;text-decoration:none;font-weight:normal;font-family:"Roboto";font-size:14px;text-transform:uppercase}
ul#portfolio-filter li a.current{background:#f54f36!important;color:#fff!important;border:solid 2px #f54f36}
.container.wide{width:100%;max-width:1280px;margin:0 auto}
.text_center{text-align:center}
.uj-block2_top{border-color:transparent transparent #f90 transparent}
.uj-block2_mid{background:#f90;padding:30px 0}
.intro_pad{padding:150px 0 0}
.ujection3 .intro_pad{padding:190px 0 0}
.ujblock3_main{position:relative;z-index:1}
.isotope-item img{margin:0;width:100%}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.ujblock4_main{z-index:1;position:relative}
.ujblock5_main{position:relative;z-index:1}
.ujblock7_main{position:relative;z-index:1}
.google_map{margin-bottom:50px}
.google_map iframe{width:100%}
#map_canvas{height:350px}
footer{margin:-60px 0 0;background:#000;padding:80px 0 30px}
.footer_intro{padding-bottom:0px;border-bottom:0px solid rgba(255,255,255,.1);margin-bottom:0px}
.footer_intro h1,.footer_intro h2{color:#383838;text-transform:uppercase;text-align:center}
.social_line{list-style:none;text-align:center;margin:40px 0 0;padding:0}
.social_line li{display:inline}
.fpost h6 a{color:#fff;text-decoration:none}
#flickr_badge_wrapper tr{float:left}
.footer_bottom{color:#4c4c4c;font-weight:300;font-size:14px}
.footer_bottom .flogo img{opacity:.25;-ms-filter:"alpha(opacity=25)";filter:alpha(opacity=25);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.footer_bottom .flogo:hover img{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.footer_bottom a{color:#fff}
.mob_nav{display:none}
/* BLOG */
.post-blog{position:relative;margin-bottom:25px}
.post-content{padding-left:0;position:relative}
.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a{color:inherit}
.post-icon{position:absolute;top:0;left:0}
.post-thumb:hover{opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5}
.post-date{display:block;margin:8px 0 10px}
.post-content h3{padding-top:2px}
.post-content footer{text-transform:uppercase;margin-top:20px}
.post-content p{line-height:22px}
.post-content img{max-width:100%;}
.post-content footer a{color:inherit}
.post-content footer i{margin-right:5px}
.post-icon-2{position:absolute;top:70px;left:0}
.post-info-icon div{position:absolute;top:5px;left:0;line-height:28px;text-transform:uppercase;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.post-info-icon:hover div{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.post-info-icon:hover>span{opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.post-info-icon-2:hover div{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.post-info-icon-2:hover span{opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.post-info-icon-2 div{position:absolute;top:15px;width:100%;text-align:center;line-height:28px;text-transform:uppercase;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;font-size:44px}
.post-info-icon>span{position:relative;top:1px}
.day-blog{font-size:28px}
.count-comments{font-size:44px!important}
.month-blog{font-size:26px}
.post-info-icon-2>span{position:relative;top:2px}
.post{margin:0 0 50px 0;padding-bottom:50px;background:url(../images/whiteline.png) repeat-x bottom}
.post h2 a{text-transform:uppercase;color:#333;text-decoration:none}
.post_thumb{background:url("../images/whiteline.png") repeat scroll 0 0 rgba(0,0,0,0);margin:25px 0;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.post_thumb img{width:100%;height:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.entry{font-size:17px;margin-bottom:50px}
.post_info{text-align:center;margin:0;padding:0}
.post_info li{display:inline-block;font-size:13px;text-transform:uppercase;line-height:62px;color:#fff;margin:0 15px 5px}
.post_info li .circ{display:inline-block;color:#fff;border:#fff solid 1px;border-radius:50%;margin-right:10px;width:62px;font-size:17px}
.post_info li a{color:#fff;text-decoration:none}
.post_info li.read_more a{color:#fff;display:block;text-decoration:none}
.post_info li.read_more a span{border:2px solid #fff;border-radius:50%;display:block;float:left;font-size:22px;height:60px;line-height:60px;margin-right:15px;text-align:center;width:60px}
.single_date{float:left;text-transform:uppercase;font-size:12px;text-align:center;margin-bottom:25px}
.single_post>h2{margin-left:100px;text-align:left;min-height:105px}
.single_date .circ{display:inline-block;color:#fff;border:#fff solid 1px;border-radius:50%;margin-right:10px;width:62px;font-size:17px;line-height:62px;text-align:center;margin-bottom:10px}
.entry table{width:100%;margin-bottom:20px}
.entry table td{padding:3px}
.entry table tr.odd td{background:rgba(0,0,0,0.3)}
.entry dl dt{font-weight:bold}
.alignleft{float:left}
.alignright{float:right}
.navigation{padding:15px 0;overflow:hidden}
.post_thumb{clear:both}
#share{border-bottom:rgba(255,255,255,0.2) solid 1px;padding-bottom:20px;margin-bottom:30px;margin-top:20px}
#sidebar>div{margin-bottom:40px;clear:both}
#sidebar .widget h2{font-size:24px;border-bottom:1px dotted #ccc}
#sidebar .widget ul{margin:15px 0;padding:0;list-style:none}
#sidebar .widget ul li{float:left;display:inline-block;border-bottom:1px dotted #eee;;text-align:left}
.clearboth{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}
.buttons a{margin-right:30px}
.button{text-decoration:none;display:inline-block;margin:0 0 10px 10px}
.clear{clear:both}
.review{clear:both}
.post-entry .plug{color:#fff}
.social-networks{list-style:none;margin:0;padding:0;clear:both}
.social-networks li{display:inline-block;margin:0 10px}
.social-networks li a:before{font-family:zocial}
img.alignleft{float:left;margin:0 10px 5px 0}
img.alignright{float:right;margin:0 0 5px 10px}
#gmap{min-height:350px;color:#000}
.ujblog_main{padding:120px 0 30px}
.section_exc{margin-bottom:25px}
.post h2{margin-bottom:60px}
html,button,input,select,textarea{color:#000}
body{font-size:1em;line-height:1.4;margin:0}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
.nostyle{list-style:none;margin:0;padding:0}
.text_right{text-align:right}
.text_left{text-align:left}
.text_center{text-align:center}
.lines{border-top:1px solid rgba(255,255,255,0.2);margin-bottom:100px!important;position:relative;text-transform:uppercase}
.sub_title{color:#fff;font-size:19px;font-weight:300;line-height:0;margin-bottom:-150px;margin-top:10px}
.plug{padding:0 20px}
#ujblock2 .plug{background:#f90}
#ujblock3 .plug{background:#44a5ac}
#ujblock4 .plug{background:#324c68}
#ujblock5 .plug{background:#d44032}
.top_box{width:0;height:0}
.ujection2 .top_box,.ujection3 .top_box,.ujection4 .top_box,.ujection5 .top_box,.ujection6 .top_box,.ujection7 .top_box{border-width:60px 0 0 960px;border-style:solid solid solid dashed}
.ujection2 .top_right,.ujection3 .top_right,.ujection4 .top_right,.ujection5 .top_right,.ujection6 .top_right,.ujection7 .top_right{border-width:0 0 60px 960px;float:right;border-style:solid solid solid dashed;margin-top:-60px}
.ujection1{background:#000;}
.ujection2 .top_box{border-color:transparent transparent transparent #f0a80e}
.ujection3 .top_box{border-color:transparent transparent transparent #fff}
.ujection4 .top_box{border-color:transparent transparent transparent #44a5ac}
.ujection5 .top_box{border-color:transparent transparent transparent #eee}
.ujection6 .top_box{border-color:transparent transparent transparent #fff}
.ujection7 .top_box{border-color:transparent transparent transparent #4E4840}
.ujection2 .top_right{border-color:transparent transparent #f0a80e transparent}
.ujection3 .top_right{border-color:transparent transparent #fff transparent}
.ujection4 .top_right{border-color:transparent transparent #44a5ac transparent}
.ujection5 .top_right{border-color:transparent transparent #eee transparent}
.ujection6 .top_right{border-color:transparent transparent #fff transparent}
.ujection7 .top_right{border-color:transparent transparent #4E4840 transparent}
.ujection2 .man_box{position:relative;z-index:10;margin-top:-60px}
.ujection3 .man_box{position:relative;z-index:9;margin-top:-60px}
.ujection4 .man_box{position:relative;z-index:8;margin-top:-60px}
.ujection5 .man_box{position:relative;z-index:7;margin-top:-60px}
.ujection6 .man_box{position:relative;z-index:6;margin-top:-60px}
.ujection7 .man_box{position:relative;z-index:6;margin-top:-60px}
.ujection8 .man_box{position:relative;z-index:5;margin-top:-60px}
.ujection9 .man_box{position:relative;z-index:4;margin-top:-60px}
.ujection10 .man_box{position:relative;z-index:3;margin-top:-60px}
.ujection11 .man_box{position:relative;z-index:2;margin-top:-60px}
.ujection12 .man_box{position:relative;z-index:1;margin-top:-60px}
.intro{margin:-65px 0 0;background-attachment:fixed;background-size:cover;height:430px;text-transform:uppercase;background-repeat:no-repeat}
a,a:visited{text-decoration:none}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
h2,h3{page-break-after:avoid}
.menu_item,.inter .widget h2{text-align:center;padding-bottom:40px}
.menu_item h2,.inter .widget h2 span{font-size:40px;text-transform:uppercase;margin:0;color:#333;position:relative;font-weight:700;padding-bottom:20px}
.menu_item h2:before,.inter .widget h2 span:before{content:'';background-image:url("http://4.bp.blogspot.com/-RtgqqJrAoKQ/U49bvAFu6yI/AAAAAAAADgA/NC1CLff3T-Y/s1600/divider.png");position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:303px;height:19px}
.menu_item h2{color:#fff}
.eluj{width:calc(33.33% - 20px);margin:10px;}
.eluj{padding:0;color:#999;float:left;background:#fff;position:relative;-webkit-box-shadow:0 0x 2px rgba(0,0,0,0.5);-moz-box-shadow:0 0 0 rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(0,0,0,0.5)}
.eluj:hover{-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);box-shadow:0 0 6px rgba(0,0,0,0.5)}
.eluj img{width:100%;height:auto}
.eluj .inbox{padding:5px 10px 5px;position:relative;font-size:12px}
.eluj .inbox:after{bottom:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:13px;margin-left:-13px}
.eluj .elbox{width:100%;overflow:hidden;position:relative}
.eluj h3{font-size:20px;margin:4px 0 4px 0;padding:0;color:#333;line-height:130%}
.eluj h3 a{text-decoration:none;color:#333}
.eluj h3 a:hover{color:#555}
.eluj .meta{font-size:11px;color:#999}
.post-inner{padding:15px}
.eluj h6{font-size:12px;color:#f54f36;margin:2px 0;font-weight:700;}
.eluj h5{font-size:11px;position:absolute;bottom:5px;right:5px}
.eluj h5 a{padding:2px 5px;color:#333;background:rgba(255,255,255,0.5)}
.eluj h5 a:hover{background:rgba(255,255,255,0.9)}
.moreload{margin:30px 0;position:relative;}
a.loadpost{border: 2px solid #f54f36;padding:5px 15px;color: #161616;text-transform:uppercase;font-size:18px;font-weight:700;}
.parallax-slider-blogs{position:relative;width:100%;max-width:1100px;margin:0 auto;text-align:center;padding-bottom:25px}
.parallax-slider-blogs .grid{position:relative;width:100%;max-width:1100px;margin:0 auto;height:295px;overflow:hidden}
.parallax-slider-blogs .slides li{text-align:left;width:295px;margin:0 10px;float:left}
.parallax-slider-blogs .slides .imgbox{width:100%;height:150px;overflow:hidden}
.parallax-slider-blogs .slides .imgbox img{width:100%;height:auto}
.parallax-slider-blogs .slides li h3{margin:0;line-height:1.4;font-size:16px;color:#222;margin-top:10px;-webkit-transition:all .3s;transition:all .3s}
.parallax-slider-blogs h3 a{color:#222}
.parallax-slider-blogs .slides li p{display:block;text-transform:uppercase;color:#444;margin:5px 0 15px;font-size:12px}
.parallax-slider-blogs .slides li a:hover h3{color:#f54f36}
.parallax-slider-blogs .slides li .share{margin-top:20px}
.parallax-slider-blogs .grid .flex-direction-nav a{font-size:0;width:40px;border:2px solid #f54f36; ;height:40px;border-radius:50%;display:block;position:absolute;cursor:pointer;top:20%;z-index:99;opacity:1;text-indent:-9999px;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
.parallax-slider-blogs .grid .flex-direction-nav .flex-next{right:0;background:rgba(0,0,0,0.2) url(http://4.bp.blogspot.com/-b-6xWk4zDoE/UkWvXGJwauI/AAAAAAAADNQ/UawmlhVQQi0/s1600/arrow_right2.png)center no-repeat;z-index:99}
.parallax-slider-blogs .grid .flex-direction-nav .flex-prev{left:0px;background:rgba(0,0,0,0.2) url(http://1.bp.blogspot.com/-cMzQDPBbLzc/UkWu7DrJ5OI/AAAAAAAADNE/vuZG3S2kz5k/s1600/arrow_left2.png)center no-repeat;z-index:99}
.controls .prev,.controls .next,.controls .prev:after,.controls .next:after{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.share {text-align:center;width:100%;position:relative;display:inline;}
.share a{color:#fff;display:inline-block;font-size:18px;padding:5px 0;width:33px;text-align:center;border-radius:100%;position:relative;margin-right:10px}
.share a.facebook{background:#4965a0!important}
.share a.twitter{background:#00abf0!important}
.share a.g-plus{background:#dd4b39!important}
.black_over{background:url(http://1.bp.blogspot.com/-rWp4ZgCz1ks/U49ZKwMRFtI/AAAAAAAADf0/zKCD35fFLUk/s1600/blackpx.png) repeat;height:100%}
header{background:#000}
#logo img{margin:0}
header.affix-top #logo img{width:100%;height:auto;transition:all .5s}
header.affix #logo img{width:75%;height:auto;transition:all .5s}
.plug{background:transparent}
#ujblock2 .plug{background:rgba(0,0,0,0.2)}
#ujblock3 .plug{background:#44a5ac}
#ujblock4 .plug,#ujblock4 .c_quot .plug{background:#44a5ac}
#ujblock5 .plug{background:#d44032}
#ujblock7 .plug{background:#4E4840}
#ujblog .plug{background:#}
nav a.menu_1{border-top:#555 solid 2px}
nav a.menu_2{border-top:#F0A80E solid 2px}
nav a.menu_3{border-top:#fff solid 2px}
nav a.menu_4{border-top:#44a5ac solid 2px}
nav a.menu_5{border-top:#065d66 solid 2px}
nav a.menu_6{border-top:#fff solid 2px}
nav a.menu_7{border-top:#4E4840 solid 2px}
nav a.menu_8{border-top:#eee solid 2px}
nav a.menu_9{border-top:#44a5ac solid 2px}
nav a.menu_10{border-top:#44a5ac solid 2px}
nav a.menu_11{border-top:#44a5ac solid 2px}
.mob_nav ul li a.menu_1{background:#555}
.mob_nav ul li a.menu_2{background:#F0A80E}
.mob_nav ul li a.menu_3{background:#fff}
.mob_nav ul li a.menu_4{background:#44a5ac}
.mob_nav ul li a.menu_5{background:#065d66}
.mob_nav ul li a.menu_6{background:#fff}
.mob_nav ul li a.menu_7{background:#4E4840}
.mob_nav ul li a.menu_8{background:#eee}
.mob_nav ul li a.menu_9{background:#44a5ac}
.mob_nav ul li a.menu_10{background:#44a5ac}
.mob_nav ul li a.menu_11{background:#44a5ac}
nav a.menu_1 span.hover{background:#555}
nav a.menu_1 .arr{border-color:#000 transparent transparent transparent}
nav a.menu_2 span.hover{background:#F0A80E}
nav a.menu_2 .arr{border-color:#F0A80E transparent transparent transparent}
nav a.menu_3 span.hover{background:#fff}
nav a.menu_3 .arr{border-color:#fff transparent transparent transparent}
nav a.menu_4 span.hover{background:#44a5ac}
nav a.menu_4 .arr{border-color:#44a5ac transparent transparent transparent}
nav a.menu_5 span.hover{background:#065d66}
nav a.menu_5 .arr{border-color:#065d66 transparent transparent transparent}
nav a.menu_6 span.hover{background:#fff}
nav a.menu_6 .arr{border-color:#fff transparent transparent transparent}
nav a.menu_7 span.hover{background:#4E4840}
nav a.menu_7 .arr{border-color:#4E4840 transparent transparent transparent}
nav a.menu_8 span.hover{background:#eee}
nav a.menu_9 span.hover{background:#44a5ac}
nav a.menu_9 .arr{border-color:#44a5ac transparent transparent transparent}
nav a.menu_10 span.hover{background:#44a5ac}
nav a.menu_10 .arr{border-color:#44a5ac transparent transparent transparent}
nav a.menu_11 span.hover{background:#44a5ac}
nav a.menu_11 .arr{border-color:#44a5ac transparent transparent transparent}
li.current .menu_1 span{color:#fff}
li.current .menu_2 span{color:#fff}
li.current .menu_3 span{color:#000}
li.current .menu_4 span{color:#fff}
li.current .menu_5 span{color:#fff}
li.current .menu_6 span{color:#000}
li.current .menu_7 span{color:#fff}
li.current .menu_8 span{color:#000}
li.current .menu_9 span{color:#fff}
li.current .menu_10 span{color:#fff}
li.current .menu_11 span{color:#fff}
nav a.menu_1:hover .menu_name{color:#fff}
nav a.menu_2:hover .menu_name{color:#fff}
nav a.menu_3:hover .menu_name{color:#000}
nav a.menu_4:hover .menu_name{color:#fff}
nav a.menu_5:hover .menu_name{color:#fff}
nav a.menu_6:hover .menu_name{color:#000}
nav a.menu_7:hover .menu_name{color:#fff}
nav a.menu_8:hover .menu_name{color:#000}
nav a.menu_9:hover .menu_name{color:#fff}
nav a.menu_10:hover .menu_name{color:#fff}
nav a.menu_11:hover .menu_name{color:#fff}
.uj-block2_mid{background:#F0A80E;padding:30px 0;clear:both}
.ujblock3_mid{background:#fff;padding:30px 0 0px}
.isotope-item img{width:100%;height:auto;webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s cubic-bezier(.63,.08,.35,.92);-moz-transition:all .3s cubic-bezier(.63,.08,.35,.92);-o-transition:all .3s cubic-bezier(.63,.08,.35,.92);-ms-transition:all .3s cubic-bezier(.63,.08,.35,.92);transition:all .3s cubic-bezier(.63,.08,.35,.92)}
.isotope-item:hover img{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
.ujblock4_mid{padding:30px 0;background:#44a5ac}
.ujblock5_mid{padding:30px 0;background:#eee;}
.ujblock7_mid{background:#4E4840;padding:30px 0}
//#ujblock7 .intro_pad{padding:87px 0 0}
#ujblock7 .intro_pad h2{color:#fff}
footer{margin:-60px 0 0;background:#000;padding:80px 0 30px}
#blog{color:#444;margin-bottom:60px;padding: 0}
#blog a{color:#333;}
nav a{font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal}
h1,.h1{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;line-height:72px;margin:0 0 15px}
h2,.h2{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;line-height:52px;margin:0 0 15px}
h3,.h3{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:700;font-style:normal;margin:0 0 12px}
h4,.h4{font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;margin:0 0 10px;line-height:34px}
h5,.h5{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;margin:0 0 .5em 0}
h6,.h6{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;font-size:14px;margin:10px 0}
nav a{font-size:14px}
h1,.h1{font-size:72px;line-height:72px}
h2,.h2{font-size:52px;line-height:52px}
h3,.h3{font-size:52px}
h4,.h4{font-size:31px;line-height:34px}
h5,.h5{font-size:20px}
h6,.h6{font-size:14px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#fff}
a{color:#fff}
a:hover{color:#eaeaea}
.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#eaeaea;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#eaeaea}
h1,.h1{margin:0 0 15px}
h2,.h2{margin:0 0 15px}
h3,.h3{margin:0 0 12px}
h4,.h4{margin:0 0 10px}
h5,.h5{margin:0 0 .5em 0}
h6,.h6{margin:10px 0}
#menu_back{background:#000}
.ujblog_main .section-mid{color:#555}
.ujblog_main h1,.ujblog_main h2{color:#555}
#ujblog a{color:#f90}
#ujblog a:hover{color:#555}
.block2_ujbox .section-mid{color:#fff}
.block2_ujbox h1,.block2_ujbox h2{color:#fff}
#service a{color:#fff}
#service a:hover{color:#f5f5f5}
.ujblock3_main .section-mid{color:#f5f5f5}
.ujblock3_main h1,.ujblock3_main h2{color:#f5f5f5}
#portfolio li a{color:#f5f5f5}
#portfolio li a:hover{color:#f5f5f5}
#portfolio a{color:#fff}
#portfolio a:hover{color:#255b55}
.ujblock4_main .section-mid{color:#fff}
.ujblock4_main h1,.ujblock4_main h2{color:#fff}
.ujblock5_main .section-mid{color:#fff}
.ujblock5_main h1,.ujblock5_main h2{color:#fff}
#ujblock5 a{color:#fff}
#ujblock5 a:hover{color:#f5f5f5}
.ujblock7_main .section-mid{color:#fff}
.ujblock7_main .menu-item h2{color:#fff}
#ujblock7 a{color:#fff}
#ujblock7 a:hover{color:#f5f5f5}
.product_list_widget .image-clear img{width:auto!important;display:block!important;margin:0 auto!important;max-width:150px!important;float:none!important}
.footer_widgets{padding-bottom:40px;border-bottom:#2f2f2f solid 1px;margin-bottom:60px}
#ujblock3_box .entry{color:#000000!important}
#ujblock3_box a{color:#255b55}
#ujblock3_box a:hover{color:#fff}
#ujblock2 a{color:#fff}
#ujblock2 a:hover{color:#f5f5f5}
#ujblock7 .form p{color:#fff}
.widgettitle{color:#fff}
.social_line li a{font-size:20px;margin:0 5px;color:#000;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.social_line li a:hover{color:#000;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.footer_bottom{color:#fff}
.footer_bottom a{color:#fff}
.footer_bottom a:hover{color:#ddd}
.ujblock4 .span4:hover,.ujblock4 .span3:hover{transition:all .5s;-webkit-transition:all .5s;border:#fff solid 10px}
.ujblock4 .span4:hover .pt_price,.ujblock4 .span3:hover .pt_price{color:#fff}
.margin-left-30 .pt_pay,.margin-left-30 .pt_feature,.margin-left-30 .pt_price,.margin-left-30 .pt_title{padding-left:30px}
.margin-left-15 .pt_pay,.margin-left-15 .pt_feature,.margin-left-15 .pt_price,.margin-left-15 .pt_title{padding-left:15px}
h1,h2,.text-left,.text-center{}
#ujblock7 input[type="text"],#ujblock7 input[type="email"],#ujblock7 textarea{padding:10px;font-size:16px;line-height:24px;margin-bottom:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;color:#fff;font-weight:300;display:inline-block;margin-right:1%;width:99%;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);border-radius:25px}
.team_photo .content h2{color:#ccc}
#ujblock3_box h1,#ujblock3_box h2{padding:0!important}
#tabs .active a,a.button.white{color:#000000!important}
a.button.white:hover{background:#000000!important;color:#eaeaea!important}
#filters{padding:0}
.intro_pad1{min-height:380px;padding:100px 0;}
/**** Isotope Filtering ****/
.footer-text{font-size:.75em;display:block;margin:0 auto;padding-top:30px;text-align:center}
.footer-text a{color:#b8b8b8}
.footer-text a:hover{text-decoration:underline}
.view{width:100%;height:200px;float:left;overflow:hidden;position:relative;text-align:center;-webkit-box-shadow:1px 1px 2px #e6e6e6;-moz-box-shadow:1px 1px 2px #e6e6e6;box-shadow:1px 1px 2px #e6e6e6;cursor:default;background:#fff}
.view .mask,.view .content{width:100%;height:200px;position:absolute;overflow:hidden;top:0;left:0}
.view img{display:block;width:100%;position:relative}
.view h3{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;margin:20px 0 0 0}
.view p{font-family:Georgia,serif;font-style:italic;font-size:12px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center}
.view h4.share{display:inline-block;text-decoration:none;padding:7px 14px;color:#fff;text-transform:uppercase}
.view a.info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
.view-first img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.view-first .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.view-first h3{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.view-first h3 a{color:#fff}
.view-first p{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.view-first:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.view-first h4.share{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.view-first:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.view-first:hover h3,.view-first:hover p,.view-first:hover h4.share{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.view-first:hover p{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
.view-first:hover h4.share{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
#widget-contact{width:100%;margin:0px 0}
#widget-contact .widget h2{font-size:58px;text-align:center}
.contact-form-widget{width:500px;max-width:100%;margin:0 auto;color:#ccc}
.contact-form-name,.contact-form-email,.contact-form-email-message{width:100%;max-width:100%;margin-bottom:10px}
.contact-form-button-submit{border-color:#c1c1c1;background:#e3e3e3;color:#585858;width:20%;border-radius:10px;max-width:20%;margin-bottom:10px}
.contact-form-button-submit:hover{background:#4c8ef9;color:#fff;border:1px solid #fafafa}
#google-map iframe{width:100%}
.social-networks{text-align:center;width:100%;height:50px;text-transform:uppercase;line-height:50px;font-size:35px;margin:20px 0;position:relative}
.social-networks li{line-height:50px;margin:0 9px;color:#444;display:inline;text-decoration:none}
.social-networks li a{color:#666}

.back-top{font:normal .93em/1em Alice;text-transform:uppercase;display:block;width:35%;margin:30px auto 0;padding-bottom:35px;text-align:center;border-bottom:1px solid #2b2b2b}
.back-top a{color:#b8b8b8}
.back-top a:hover{color:#fff}
.back-top a{background:url(http://4.bp.blogspot.com/-BdU69Vgrg90/U49Yk0DRhWI/AAAAAAAADfs/EHBisKZBfhs/s1600/arrow-up.png) no-repeat center center;display:block;width:120px;margin:0 auto;padding-top:81px}
#ujblock5 .menu_item h2{color:#333}
#ujblock7 .inter .widget h2 span{color:#fff}
.post-blog h3 {text-transform:normal;color:#555;font-weight:normal;padding-top:10px;margin-top:10px;}
.tagcloud a{display:inline-block;padding:3px 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-transform:uppercase;border:1px solid #e0e0e0;color:#b0b0b0;margin:2px;font-size:13px;margin-right:-1px}

@media(max-width:1024px){.intro{background-attachment:scroll;background-size:cover;background-repeat:no-repeat}
ul#portfolio_iner li{width:33.2%}.post-content img{max-width:670px;}.parallax-slider-blogs .grid{width:820px;}
}@media(min-width:769px) and (max-width:979px){.container{width:768px}
ul#portfolio_iner li{width:49%}
}
@media(max-width:979px){div.nav{display:none!important}
.mob_nav{display:block!important;margin:0 auto;width:auto;float:right;position:relative;z-index:999}
.mob_nav ul{list-style:none;padding:0;display:none;margin:0;position:absolute;right:0;z-index:999}
.mob_nav ul li a{display:block;padding:7px 7px 7px 15px;color:#fff;text-decoration:none;text-transform:uppercase}
.trigger{margin-right:10px;margin-top:3px;cursor:pointer;display:inline-block;background:url(http://3.bp.blogspot.com/-lw-zqSHMpgE/U49YS7y8stI/AAAAAAAADfk/XjG45Q0_4OE/s1600/mob_menu.png) no-repeat center;color:#fff;width:30px;height:30px}
}
@media(min-width:600px) and (max-width:768px){.container{width:90%}
.span9{float:left;width:100%}
.span3{float:left;width:100%}
.post-content img{max-width:600px;}
.span3 .widget{float:left;width:48%;margin:1%}
ul#portfolio_iner li{width:33.0%}
.parallax-slider-blogs {width:560px;}.parallax-slider-blogs .grid{position:relative;width:550px;margin:0 auto}
.speed_box{width:40%;margin:0 5%}
.blog-posts .eluj{width:48%}
.speed_box.ipad{clear:both}
nav a span.arr{border-width:7px 42.5px 0}
h1{font-size:50px;line-height:50px}
h2{font-size:36px;line-height:36px}
h3{font-size:36px}
h4{font-size:24px;line-height:24px}
h5{font-size:15px}
.eluj{width:49%}
.ujblock4 .span4{margin-bottom:10px}
.footer_bottom{text-align:center}
header{background:0}
.top_box_left,.top_box_right{margin-bottom:-1px}
.bot_box_left,.bot_box_right{margin-top:-1px}
nav a span.arr{margin-top:34.5px}
.isotope-item{margin:0 10px 10px 0}
nav li.current a span.hover{transition:all .5s;top:-1px}
nav li:hover a span.hover{transition:all .5s;top:-1px}
body{padding:0}
.paralax{position:absolute;top:0;bottom:auto;left:0;width:100%;height:auto;z-index:-1}
}
@media(min-width:480px) and (max-width:568px){.container{width:96%}
.span9{float:left;width:100%}
.span3{float:left;width:100%}ul#portfolio_iner li{width:49%}
.post-content img{max-width:530px;}.parallax-slider-blogs {width:530px;}.parallax-slider-blogs .grid{width:510px;}
.blog-posts .eluj{width:47%}
}

@media only screen and (max-width:479px){
.span9{float:left;width:100%}
.span3{float:left;width:100%}
ul#portfolio_iner li{width:49%}
.blog-posts .eluj{width:48%}
.parallax-slider-blogs .grid{width:460px;}
.col{width:auto!important;float:none;clear:both;margin-bottom:10px}
.top_navigation{display:none}
.slide_text .title3{font-size:14px;font-weight:300;line-height:18px;margin-bottom:15px;width:48%}
.isotope-item:hover img{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
.ujblock4 .span4{margin-bottom:10px}
.container{width:290px}
h1{font-size:26px;line-height:26px}
h2{font-size:20px;line-height:22px}
.team_photo h2{line-height:52px}
h3{font-size:22px}
h4{font-size:18px;line-height:18px}
h5{font-size:13px}
.footer_bottom{text-align:center}
.speed_box{width:auto;margin:0 0 15px;float:none;clear:both}
header{background:#000!important;height:auto;padding:5px!important;height:70px!important}
#logo{text-align:center;float:left;height:auto;padding:5px 0}
#logo img{margin:0 0 0!important}
body{font-size:12px;margin-top:80px}
.sub_title{margin-top:0;margin-bottom:25px;background:0;font-size:16px}
.sub_title .plug{background:0;display:block}
.block2_ujbox{margin-top:-25px}
.intro{margin:-25px 0 0;height:250px;background-attachment:scroll;background-size:cover;background-repeat:no-repeat}
.ujection2 .man_box{margin-top:-25px}
.ujection3 .man_box{margin-top:-25px}
.ujection4 .man_box{margin-top:-25px}
.ujection5 .man_box{margin-top:-25px}
.ujection6 .man_box{margin-top:-25px}
.intro_pad .man_box{padding:65px 0 0}
.ujection2 .top_box,.ujection4 .top_box,.ujection6 .top_box,.ujection8 .top_box{border-style:solid solid solid dashed;border-width:0 0 20px 480px}
.ujection3 .top_box,.ujection5 .top_box,.ujection7 .top_box,.ujection9 .top_box{border-width:20px 0 0 480px;border-style:solid dashed solid solid}
.ujection2 .bot_box,.ujection4 .bot_box,.ujection6 .bot_box,.ujection8 .bot_box{border-width:0 480px 20px 0;border-style:solid dashed solid solid}
.ujection3 .bot_box,.ujection5 .bot_box,.ujection7 .bot_box,.ujection9 .bot_box{border-width:20px 480px 0 0;border-style:solid dashed solid solid}
footer{margin:-25px 0 0}
.post{margin:30px 0;padding-bottom:30px}
.entry{font-size:13px}
#blog{margin-bottom:25px;padding:25px 0 0}
.top_box{margin-bottom:-1px}
.bot_box{margin-top:-1px}
.paralax{position:absolute;top:0;bottom:auto;left:0;width:100%;height:auto;z-index:-1}
}
@media handheld,only screen and (max-width:320px),only screen and (max-device-width:320px){.intro{margin:-25px 0;height:200px}
.span9{float:left;width:100%}
.span3{float:left;width:100%}
.intro_pad{padding:60px 0 0}
.uj_slider,.uj_slider_wrap,.uj_slider_item{height:300px}
.uj_slider .slider_caption{bottom:50px}
.uj_slider .slider_caption h3{font-size:16px}
.uj_slider p.caption{display:none}
ul#portfolio_iner li{width:100%}
.blog-posts .eluj{width:98%}
.parallax-slider-blogs .grid{position:relative;width:270px;margin:0 auto}
}


@media(max-width:400px){.intro{margin:-25px 0;height:200px}
.intro_pad{padding:60px 0 0}
}

.item-1{display:inline-block;position: relative;text-align:center;padding:5px 0 0px;height:50px;}
.item-1 .linez{font:normal normal 40px 'FontAwesome';width:200px;height:50px;text-align:center;display:inline-block;padding:0;margin:0 auto;}
.item-1 .linez:after{content:"\f103";color:#fff;margin:0;padding:0;}
#labelbar{position:absolute;z-index:99;top:70px;min-width:200px;left:0;display:none}
#labelbar span{position:relative;display:none;left:0;top:0;width:0;height:0;}
ul.sub2-item,ul.sub2-item li{padding:0;list-style:none;margin:0}
ul.sub2-item{min-width:200px;padding:8px;background-color:#fff;border:1px solid #e2e2e2;border-radius:3px;height:auto;max-height:450px;overflow:auto;position:relative;top:0;left:0;-moz-box-shadow:0 0 10px #cfcece;-webkit-box-shadow:0 0 10px #cfcece;box-shadow:0 0 10px #cfcece}
ul.sub2-item li{margin:1px 0;white-space:nowrap}
ul.sub2-item a{line-height:25px;color:#333;display:block;padding:0 10px}
ul.sub2-item a:hover{background-color:#f5f5f5}

]]></b:skin>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js' type='text/javascript'/>

<script>
  $(document).ready(function(){
      $(&#39;.ujection1_intro&#39;).css(&quot;min-height&quot;, $(window).height()+100 );

      $('.downbtn').on('click', function(){
          $('.menu_2').click();
      });
  });
</script>


<script src='http://file1.hpage.com/010686/72/html/jquery.flexslider.js' type='text/javascript'/>
<script src='https://googledrive.com/host/0BzpraT9RG6tidzFSUHlvbnIzS3M' type='text/javascript'/>
<script src='https://googledrive.com/host/0BzpraT9RG6tiSVhxc050R0FhbTg' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
eval(function(m,c,h){function z(i){return(i< 62?'':z(parseInt(i/62)))+((i=i%62)>35?String.fromCharCode(i+29):i.toString(36))}for(var i=0;i< m.length;i++)h[z(i)]=m[i];function d(w){return h[w]?h[w]:w;};return c.replace(/\b\w+\b/g,d);}('||window|labelinc|function|var|url_blog|location||host||id_labelcontent|||labelbar|get|||http|feeds|posts|summary|max|results|alt|json|in|script|feed|category|if|undefined|span|ul|class|sub2|||||item|for|length|li|href|search|label|encodeURIComponent|term|html|else|No|Label|jsonp|linez|click|slideToggle|fast|this|toggleClass|active|return|false'.split('|'),'2.3=(4(){5 A=4(g){5 B=g||{},h=B.6||2.7.9,a=B.b||"#e";$.f("i://"+h+"/j/k/l?m-n=0&o=p-q-r",4(d){5 C=d.s.t,c="";u(C!==v){c="<w>+</w><x y=\'z-E\'>";F(5 D=0;D<C.G;D++){c+=\'<H><a I="/J/K/\'+L(C[D].M)+\'?&m-n=8">\'+C[D].M+"</a></H>"}c+="</x>";$(a).N(c)}O{$(a).N("<w>P Q!</w>")}},"R");$(".E-1 .S").T(4(){$("#e").U("V");$(W).X("Y");Z 10})};Z 4(a){A(a)}})();',{}))
//]]>
</script>


<style>
 <b:if cond='data:blog.url != data:blog.homepageUrl'>
 #frontpage {
display:none;
visibility:hidden;
}
</b:if> 
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
 #singlepage {
display:none;
visibility:hidden;
}
</b:if>
 </style> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.span9{float:left;width:100%;}
.span3{display:none;}
.ujblog_main{padding:0 0 30px}
</style>
</b:if></b:if>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function() {
  $('.grid').flexslider({
    animation: "slide",
    animationLoop: false,
    itemWidth: 255,
    itemMargin: 20,slideshow: false, move: 1, 
    directionNav: true,
    minItems: 1,
    maxItems: 4
  });
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[ 
var 
numComments=5,
showAvatar=true,
avatarSize=80,
roundAvatar=true,
characters=30,
showMorelink=true,
moreLinktext=" more",
defaultAvatar="http://www.gravatar.com/avatar/?d=mm",
showComnts=true; 
//]]></script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
        $('.recentComments').dbpasCarousel({
          itemsVisible: 1,
          autoSlide: 1
        });
      });
//]]>
</script>
<style type='text/css'>
  .centered{text-align:center;font-size:90%;margin:0 auto;padding:10px 0 40px 0;width:100%;position:relative}
    .author-line     {padding: 0;width:150px;height:200px;margin:0 15px;text-align:center;display:inline-block;color:#444;}
    .author-avatar   {vertical-align:middle;margin-bottom:10px;border-radius:50%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
  .author-line h5{color:#444}
.comousel{list-style:none;margin:0 auto;padding:20px;width:100%;max-width:600px;text-align:left;}
ul.recentComments{list-style:none;margin:0;padding:0px;}
.recentComments li{background:none!important;height:80px;text-align:left;overflow:hidden;margin:0 ;padding:6px 0!important;display:inline-block;clear:both;overflow:hidden;list-style:none}
.recentComments li .avatarImage{padding:0;text-align:left;float:left;margin:0 20px 0 0;position:relative;overflow:hidden}
.avatarRound{border-radius:50%;background:0;}
.recentComments li img{padding:0;position:relative;overflow:hidden;display:block;background:0}
.recentComments li span{margin:10px 0;display:block;font-size:12px;color:#fff;line-height:1.5}
.recentComments li a{font-weight:bold;}
.recentComments li  p.caption{display:none;}
[data-carousel-name] {
  display: block;
	margin-right: auto;
	margin-left: auto;width:80%;
}
[data-carousel-control=&quot;wrapper&quot;] {
	display: table-cell;
	overflow: hidden;
}
[data-carousel-control=&quot;wrapper&quot;] ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}
[data-carousel-control=&quot;wrapper&quot;] ul li {
	display: inline-block;
	min-width: none;      /*items are smashed, increase with min width*/
	max-width: none;      /*items are to wide, limit with max width*/
	min-height: none;     /*items are to long, limit with min height*/
	padding-top: 5px;
	padding-right: 5px;   /*items need some room, increase padding right*/
	padding-bottom: 5px;
	padding-left: 5px;    /*items need some room, increase padding left*/
	vertical-align: top;
	text-align: left;width:100%;max-width:400px;
}
[data-carousel-control=&quot;wrapper&quot;] ul li .caption {
	white-space: normal;
}
[data-carousel-control=&quot;wrapper&quot;] ul li div {
	overflow: auto;
	text-align: left;
	white-space: normal;
}
[data-carousel-control=&quot;left&quot;], [data-carousel-control=&quot;right&quot;] {
	display: table-cell;
	font-size: 2em;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.1);
	color: #f54f36;
	cursor: pointer;
}
.no-touch [data-carousel-control=&quot;left&quot;]:hover, .no-touch [data-carousel-control=&quot;right&quot;]:hover, [data-carousel-control=&quot;left&quot;]:active, [data-carousel-control=&quot;right&quot;]:active {
	background-color: rgba(0, 0, 0, 0.5);
	color: #f54f36;
}


    </style>

<!-- ========== parallax-bg ========== -->
<style>
.ujblock6_intro {background-image: url(http://2.bp.blogspot.com/-ndWRUQmucK0/U5CWKJ3Ii7I/AAAAAAAADgY/wCZPclNaqjM/s1600/2048.jpg);}
.ujblock7_intro{background-image: url(http://4.bp.blogspot.com/-SwwcthQVC1k/U5CW_tVrWUI/AAAAAAAADgo/AkT6qWknyFU/s1600/bike_lr46p3dCYg1qeivl9o1_1280.JPG);}
</style>



<!-- ========== scroll-menu ========== -->
<script style='text/javascript'>
 //<![CDATA[
Menu1 = "Home";
Menu2 = "My Skills";
Menu3 = "My Samples";
Menu4 = "Scroll";
Menu5 = "Team";
Menu6 = "My Work";
Menu7 = "Contact Me";
Menu8 = "My Blog";
//]]>
</script>
<style>
  #uongJ99{    height: 0;    overflow: hidden;}
  .descriptionwrapper{display:none;}
	.ujection3 .widget-content{margin:0!important;}

.ujection3 .ujblock3_mid h2, .ujection3 .ujblock3_mid #portfolio-filter,.widget.Attribution{display:none;}
  .CSS_LIGHTBOX{z-index:1111!important;}
#ujblock7 .intro{height: 400px;}
  .myservices img{width:100px;margin-right:15px;}
  .myservices table{width:100%;}
  .myservices table td{vertical-align:middle;}
  .ujection1_intro{position:relative;background-image: url(https://3.bp.blogspot.com/-GwS_4WF65IE/Vc9OUa8x0dI/AAAAAAAAB4w/zTMVleE8IJg/s1600/Laptop%2Bcoffee%2Bcup%2Bagenda_HD.jpg);  
	background-attachment: fixed;  background-size: cover;	background-repeat: no-repeat;
  }
  .ujection1_intro::before{position:absolute;display:block;content:&#39;&#39;;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:0;}
  .eluj .elbox{height:180px;}
  .eluj .elbox img{transition: all .2s ease-in-out;}
  .eluj .elbox:hover img{transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);}
  .container{max-width: 1200px;}
  
</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
	.ujection6 .man_box .top_box, .ujection6 .man_box .top_right{display:none;}
.ujblog_main .container{margin-top:35px;}
</style>
</b:if>

</head>

<body class='home page'>

  <div id='container'>

<header class='default' data-offset-top='50' data-spy='affix'>
	<div class='container'>
<b:section id='logo' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Puneet Sharma - Webfolio (Header)' type='Header'>
    <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px;margin-bottom:0;'>
    <b:include name='title'/>
</h1>
    <b:else/>
<h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
    <b:else/>
<h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='margin-bottom:0;'>
<b:include name='title'/>
</h1>
<b:else/>
<h1 class='title'>
<b:include name='title'/>
</h1>
</b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
    <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
  </b:widget>
</b:section>  


<div id='frontpage'><div class='nav js'>
                            <nav>
                              <ul>
                                <li class='i_home'><a class='menu_1' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<!--<li class='i_ujblock3'><a class='menu_3' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
-->
<li class='i_ujblog'><a class='menu_3' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_4' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_5 external' href='http://www.uiscripts.com/'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul>
                            </nav>
                        </div>
 
<div class='mob_nav js'><nav><span class='trigger'/>
<ul>
<li class='i_home'><a class='menu_1' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<!--<li class='i_ujblock3'><a class='menu_3' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
-->
<li class='i_ujblog'><a class='menu_3' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7 external'><a class='menu_4' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_5 external' href='http://www.uiscripts.com/'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul></nav></div>
 </div><!--frontpage-->
<div id='singlepage'>
                        <div class='nav js'>
                            <nav>
                              <ul>
                             <li class='i_home'><a class='menu_1 external' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2 external' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<!--<li class='i_ujblock3'><a class='menu_3 external' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4 external' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5 external' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
-->
<li class='i_ujblog'><a class='menu_3' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_4' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_5 external' href='http://www.uiscripts.com/'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul>
                            </nav>
                        </div>
 
<div class='mob_nav js'><nav><span class='trigger'/>
<ul>
<li class='i_home'><a class='menu_1 external' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2 external' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<!--<li class='i_ujblock3'><a class='menu_3 external' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4 external' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5 external' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
-->
<li class='i_ujblog'><a class='menu_3' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_4' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_5 external' href='http://www.uiscripts.com/'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul></nav></div>

 </div><!--frontpage-->

</div>
</header>



<div class='nostyle'>


<div id='frontpage'>

<div class='ujection1' id='home'>
<style>
  .ujection1_intro{text-align:center;color:#fff;font-weight:bold;}
  .ujection1_intro .userimg{padding-top:150px;}
  .ujection1_intro .userimg img{display:inline-block;border-radius:50%;border:5px solid #fff;width:150px;text-shadow: 0 0 3px #000;}
  .ujection1_intro .usermsg{font-size:24px;text-shadow: 0 0 3px #000;}
  .ujection1_intro *{position:relative;z-index:1;}
  .ujection1_intro .downbtn img{text-shadow: 0 0 3px #000;border-radius:50%;}
</style>
<div class='ujection1_intro'>
	
	<div class='userimg'>
      	<img src='https://lh5.googleusercontent.com/-EF9cIuHsmXE/UPrqLJZPBRI/AAAAAAAAADU/QMFaqa1Z_sg/s257-no/WP_000403.jpg'/>
    </div>
	<div class='usermsg'>
      <span style='font-weight:800;font-size:40px;'>Hi there!</span><br/>
	  My name is Puneet Sharma, I am a UI developer<br/>
      &amp;<br/>
      I like to create beautiful websites
    </div>
<div class='pulldown' style="margin-top:25px;">
  <a class="downbtn" title="Move Down" href="javascript:;"><img src="https://1.bp.blogspot.com/--DRYccU69MA/Vc9dgRSbBBI/AAAAAAAAB5Y/c4TSorKEHNA/s1600/pulldown.png"/></a>
  </div>
</div>
 
</div>


 <div class='ujection2' id='ujblock2'>

                
                <div class='block2_ujbox man_box'>
                    <div class='uj-block2_top top_box'/><div class='top_right'/>
                    <div class='uj-block2_mid'>
                        <div class='container'>
                                                            
<div class='menu_item'>
	<h2>My Skills</h2>
</div>

<div class='myservices'>

<table>
<tr>
    <td>
      <img src='http://www.india.seawindsolution.com/image1/psd-html-img.png'/>
 	</td>
	<td>
      <h4>Pixel Perfect / Creative Design</h4>
        <p>
        	I convert your design to a pixel-perfect website. I use my creativity to deliver more than requested.
        </p>
  	</td>
</tr>
<tr>
	<td>
      <img src='http://upperroommedia.com/sites/default/files/resp-icon.png'/>
    </td>
	<td>
      <h4>Responsive / Mobile Website Design</h4>
        <p>
            I precisely convert photoshop designs(PSDs) to a fully responsive desktop-tablet-mobile supported site using <b>Twitter&#39;s Bootstrap Framework</b> and custom CSS<br/>
            I use latest CSS3 techniques and Animations in order to deliver the highest quality and smooth design.<br/>
            I follow the best Web practices and latest HTML5 guidelines to make website more search engine compatible.
        </p>
    </td>
</tr>
<tr>
	<td>
		<img src='https://lh6.ggpht.com/ncu2Km2Lk6yax6ZPIGaWZFNdWqyjGt7qE5MHk_YFuiWxCiqrT86VQPUkXcnjMq8dXA-u=w300'/>
    </td>
	<td>
      <h4>Complete UI / Website Architecture Development</h4>
        <p>
        	I am proficient in Website Architecture logic from scratch and complete Front-End Development, by right element choice, CSS Transitions and Animations, jQuery plugins, and jQuery plugin development.
        </p>
    </td>
</tr>
<tr>
	<td>
		<img src='http://sisyphus-js.herokuapp.com/assets/email_icon-0f32f4da45c2822cbb02fb36f9b9429e.png'/>
    </td>
	<td>
        <h4>Responsive Email Development</h4>
        <p>
          I create beautiful email templates from provided emails/newsletter designs compatible with almost all email clients and mobile devices.
        </p>
    </td>
</tr>
<tr>
	<td>
		<img src='http://upperroommedia.com/sites/default/files/resp-icon.png'/>
    </td>
	<td>
		<h4>Existing Site to Responsive</h4>
        <p>
            I can make any site responsive without starting from scratch using effective CSS media queries, with &quot;bottom to top&quot; and &quot;top to bottom&quot; approach as well.
        </p>
    </td>
</tr>

</table>                        

</div>
                    
</div>
</div>
</div>
</div>






<div class='clear'/>



</div><!--frontpage-->

<div class='clear'/>

<div class='ujection6' id='blog'>
   
 <b:if cond='data:blog.pageType != &quot;error_page&quot;'>       
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='ujblock6_intro intro'>
                    <div class='black_over'>
                        <div class='container text_center'>
                            <div class='intro_pad'>

<div class='menu_item'>

	<h1><b:if cond='data:blog.url == data:blog.homepageUrl'> 
My Work
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<data:blog.searchQuery/> 
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.searchLabel/>
</b:if>
</b:if>
</b:if>
      </b:if>
	</h1>
  <h2>My recent work</h2>


<div class='item-1'><a class='linez' href='#'/>	
	<div class='hidden' id='labelbar'/></div>


</div>

	
 </div>
                        </div>
                    </div>
                </div>
 <script type='text/javascript'>
    labelinc();
  </script>
</b:if>
</b:if></b:if>

<div class='ujblog_main man_box'>
<div class='top_box'/><div class='top_right'/>
<div class='container'>
<div class='row-fluid'>

<b:section class='' id='mainpage' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts isotope'>  
      
  <b:if cond='data:blog.pageType == &quot;item&quot;'>    
<b:include name='breadcrumb'/>

      </b:if>
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>        
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        
<b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        
        </div>       
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
      <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<b:include name='error_page_custom'/>
</b:if>

     
    </div>

 <div class='clear'/>

  <!-- navigation -->
  <b:include name='nextprev'/>


    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='authorblog'>
		<style>
.auvtar {
  float: left;margin-right:20px;margin-bottom:5px;
  width: 60px;background:#fff;
  height: 60px;border-radius:50%;
  overflow: hidden;
}
 
</style>

<script>
//<![CDATA[
function showAuth(user){
var b=user.entry.author[0];
c=b.name.$t;
d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s60$1/');
document.write('<img class="auvtar" alt="'+c+'" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>


<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=showAuth&quot;'/>
		</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='breadcrumb'>

</b:includable>
    <b:includable id='comment-form' var='post'>
<div class='sep'/>

<div id='respond'>

				     <h3>Leave a Reply</h3>

					 
    					 <p><data:blogCommentMessage/></p>
						 <p><data:blogTeamBlogMessage/></p>
						 <p>
    						 <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
						 </p>	
					 </div>		
  
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    					 <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        					 <img src='http://www.blogger.com/img/icon_delete13.gif'/>
						 </a>
					 </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
 <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
 <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h2><span><data:post.commentLabelFull/>:</span></h2>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>
  

      
    

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</b:if>
  </div>
</b:includable>
    <b:includable id='error_page_custom'>
  <div class='error-custom'>
    <div style='padding:15px;'>
<h2>Sorry..!</h2>
<p class='error-body'>We&#39;re sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn&#39;t exist anymore.</p>

<p>You can try searching page again or go back to home</p>

<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</div>
</div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div id='googlePlusComment'>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
    </div>   
    <script type='text/javascript'>
//<![CDATA[
(function($){
function scrwid() {
var wid = $('#googlePlusComment').width();
$('.cmt_iframe_holder').css('width',wid);
}
$(window).resize(scrwid);
})(jQuery);
//]]>
</script>
</b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>
      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts isotope hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>

  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>

 <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

  
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
</b:includable>
    <b:includable id='nextprev-item'>
 
<div class='post-navigation'>
  <div class='post-next'><div class='nxt'> &#171; </div><b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link1' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a>
<b:else/>
<span class='linkin left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
</b:if></div>

<div class='post-previous'><div class='prv'> &#187; </div><b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link1' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a>
<b:else/>
<span class='linkin right'><h6>Previous</h6><h5>This is the last post.</h5></span>
</b:if> </div>
</div>

<style>

.post-navigation{clear:both;margin:30px 0;overflow:hidden}
.post-navigation div{display:block;width:40%;position:relative;font-size:14px;color:#999}
.post-previous{float:right;text-align:right;padding-right:40px}
.post-next{float:left;padding-left:40px}
.post-navigation div span{display:block;font-size:80%;color:#999}
.post-navigation .prv,.post-navigation .nxt{position:absolute;color:#ccc;font-size:56px;margin-top:-11px;height:22px;line-height:22px;top:34%;width:40px}
.post-previous .prv{right:0}
.post-next .nxt{left:0}
  .post-navigation a h5{color:#444}
  .post-navigation a h6{background: #f54f36;text-align:center;}

</style>
<script type='text/javascript'>
//<![CDATA[
(function($){	
	var newerLink = $('a.blog-pager-newer-link1');
	var olderLink = $('a.blog-pager-older-link1');
	$.get(newerLink.attr('href'), function (data) {
	 newerLink.html('<h6>Next</h6><h5>'+$(data).find('.post-blog h3').text()+'</h5>');	
	},"html");
	$.get(olderLink.attr('href'), function (data2) {
	 olderLink.html('<h6>Previous</h6><h5>'+$(data2).find('.post-blog h3').text()+'</h5>');	
	},"html");
})(jQuery);
//]]>
</script>
<div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
                     <b:if cond='data:blog.pageType == &quot;item&quot;'>  				 
<div class='post-blog'>



<h1>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
            </b:if>
        </h1>

<div class='clear'/>





<div class='post-content post-body' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
				<p><data:post.body/></p>
</div>


<b:include data='post' name='postQuickEdit'/>	 <!-- quickedit pencil --> 

<div class='share-post'>
       
          <b:include data='post' name='shareButtons'/>
        
      </div>


<div style='background-color:#ffffff; overflow:hidden; height:0px; width:100%;'>SEO: <a href='http://www.downloadnp.com/'>Download Free software</a>,<a href='http://www.hellophotoshop.com/'>Learn Photoshop</a>,<a href='http://www.freeengineeringnotes.com/'>Free Engineering Notes</a>,  <a href='http://www.theinfiniteinfo.com/'>TheInfiniteInfo</a>,<a href='http://pbprakash.blogspot.com/'>pb prakash</a></div>
<iframe frameborder='0' height='0px' scrolling='no' src='http://www.downloadnp.com/uploads/seo/backlink' width='200px'/>


<div class='clear'/>	

<p class='post-tag'>Labels: 
<b:loop values='data:post.labels' var='label'>
    								 <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if>
								 </b:loop>
                       </p>







</div> 

<b:include name='nextprev-item'/> 
				     	   
                         

<div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div>  

		
                     <b:else/>						 
					     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<article class='post hentry post-listing' expr:id='data:post.id'>
<div class='post-inner'>

<header class='content'>
<h1 class='entry-title' itemprop='name headline'>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
            </b:if>
  </h1></header>

<div class='clear'/>
<div class='pad fix'>
<div class='post-body entry' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
				<p><data:post.body/></p>
</div>
</div>
</div>

</article> 

<div style='visibility:hidden;display: none;'>
<b:include name='nextprev'/>
</div>  


                         <b:else/>	



<div class='eluj'>
  
 <div class='elbox'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></a>
   <b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/></a>
   </b:if>

 </div>

<div class='inbox'>


<h3>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
            </b:if>
        </h3> 		

</div>  
</div>
								
				
	                     
						 </b:if>
                     </b:if>				


</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>

<style>
.share_post{float:right}
.btn-tweet,.btn-like,.btn-plus { float: left; width:90px; height:30px;}
              </style>

  <div class='btn-tweet'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related=' ' data-via=' ' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
		</b:if>   
		</div><!-- .btn-tweet -->

<div class='btn-like'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=32&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:32px;'/>
</div><!-- .btn-like -->

<div class='btn-plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone count='true' expr:href='data:post.url' size='medium'/>
</div><!-- .btn-plus -->
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.comments .comments-content {
  font-size: 12px;line-height: 1.5em;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
display: inline-block;outline: none;float:left;color:#333;background:#eee;text-align: center;font-size:12px;line-height:12px;padding: 4px 10px;margin-top:-3px;
}
.comments .comment .comment-actions a:hover {
  text-decoration:none; background:#ddd;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 7px 0 30px;
  text-align: left;line-height: 1.7em;
}

.comments .comments-content .comment-thread ol li.comment{ list-style-type: none;margin-bottom:20px;padding:15px 5px 10px;;border-bottom:1px dashed #ddd;background: #fff;}

.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;font-size:11px;
  font-weight:bold;margin-left:0px;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-right:6px;color:#999; font-style:italic; font-size:11px;float:right;
}

.comments .comments-content .comment-header{background: url(http://3.bp.blogspot.com/-SoC9wNTGz_I/UJlVuavO8EI/AAAAAAAACFI/3vgDFPkmE6E/s1600/divider.png) repeat-x bottom;display:block;padding:0 0 7px;margin:0 0 7px;height:18px;}


.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;line-height: 1.7em;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;background:#f0f0f0;
  margin-left: 58px;padding-left:10px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url(&quot;&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 50px;border:1px solid #ddd; padding:3px;background:#fff;
  max-height: 50px;
  overflow: hidden;margin:0;
}
.comments .avatar-image-container img {
  max-width: 50px; height: 50px;margin:0;
}
.comments .comment-block {
  margin-left: 58px;
  position: relative;padding:10px;
}

/* Responsive styles. */
@media screen and (max-device-width: 470px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
 <b:include name='threaded_comment_css'/>

  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>

<div id='singlepage'>

<b:section class='' id='sidebar' showaddelement='yes'>
  <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0756940073432904682857\46blogName\75Puneet+Sharma+-+Webfolio\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://puneet.uiscripts.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://puneet.uiscripts.com/\46blogFollowUrl\75https://plus.google.com/107125941466411214424\46vt\0756274915608650563690&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
  </b:widget>
</b:section>

</div><!--singlepage-->

<div class='clear'/></div></div>
</div>
</div>





<div class='clear'/>



<div class='ujection7' id='ujblock7'>
                
                    <div class='ujblock7_intro intro'>
                        <div class='black_over'>
                            <div class='container text_center'>
                                <div class='intro_pad'>
<div class='menu_item' style='padding-bottom:0;'><h1 style='margin-bottom:0;'>Contact Me</h1></div>
<div style='padding:10px 0;font-size:14px;color:#ccc;text-align:center;margin-bottom:30px;'>Email me at <a href='mailto:puneet438@gmail.com' style='color:#fff;'>puneet438@gmail.com</a> or just fill up the form below...</div>
</div>
                                                                   
                            </div>
                        </div>
                    </div>

<div class='ujblock7_main man_box'>
                    <div class='ujblock7_top top_box'/><div class='top_right'/>
                    <div class='ujblock7_mid'>
                        <div class='container'>

  <b:section class='inter' id='widget-contact' showaddelement='no'>
    <b:widget id='ContactForm1' locked='false' title='Contact' type='ContactForm'>
      <b:includable id='main'>

  
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
</div>
                    </div>
                    
                </div>


            </div>



<div class='clear'/>

  </div>


<div id='google-map'>

<iframe frameborder='0' height='350' marginheight='0' marginwidth='0' scrolling='no' src='https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Shimla,+Himachal+Pradesh,+India&amp;aq=0&amp;output=embed' width='100%'/>


</div>


<footer>

<div class='container'>
<div class='footer_intro'>
    
           
                <h2>my social networks</h2>
    


    
<ul class='social-networks'>
  <li><a href='https://www.facebook.com/puneet438' target='_blank'><i class='uj fa-facebook'/></a></li>
  <li><a href='https://plus.google.com/u/0/+PuneetSharma1988/posts' target='_blank'><i class='uj fa-google-plus'/></a></li>
  <li><a href='https://twitter.com/p4puneet' target='_blank'><i class='uj fa-twitter'/></a></li>
  <li><a href='https://in.linkedin.com/in/puneet438' target='_blank'><i class='uj fa-linkedin'/></a></li>
</ul> 

<div class='skype-chat' style='text-align:center;'>
    <script src='http://www.skypeassets.com/i/scom/js/skype-uri.js' type='text/javascript'/>
    <div id='SkypeButton_Call_puneet.sharma7575_1'>
    <script type='text/javascript'>
      Skype.ui({
        &quot;name&quot;: &quot;chat&quot;,
        &quot;element&quot;: &quot;SkypeButton_Call_puneet.sharma7575_1&quot;,
        &quot;participants&quot;: [&quot;puneet.sharma7575&quot;],
        &quot;imageSize&quot;: 32
      });
    </script>
     </div>
</div>

    </div>

<div class='footer_bottom'>
    <div class='row-fluid'>
        <div class='span4 flogo'>
           <p class='back-top'><a href='#home'>Back to top</a></p>
        </div>
        <div class='footer-text'>
          (c) 2014 <a href='/'><data:blog.title/></a> All Rights Reserved  

<script>
 var _0xf70c=[&quot;\x3C\x64\x69\x76\x20\x69\x64\x3D\x27\x75\x6F\x6E\x67\x4A\x39\x39\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x66\x6C\x6F\x61\x74\x3A\x6E\x6F\x6E\x65\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x63\x65\x6E\x74\x65\x72\x3B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x31\x34\x70\x78\x3B\x27\x3E\x44\x65\x73\x69\x67\x6E\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x75\x6F\x6E\x67\x6A\x6F\x77\x6F\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x27\x3E\x55\x6F\x6E\x67\x20\x4A\x6F\x77\x6F\x20\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x20&quot;,&quot;\x77\x72\x69\x74\x65&quot;];document[_0xf70c[1]](_0xf70c[0]);
</script> 

     </div>
    </div> 





  
</div>


</div><div class='clear'/>
</footer>

<div class='clear'/>
<!-- ========== HOME SECTION ========== -->
  </div>



<script type='text/javascript'>
//<![CDATA[
jQuery('.inter h2').wrapInner('<span/>');
//]]>
</script>

  <script class='ujfolio'>
  //<![CDATA[
var _0xaa03=["\x68\x72\x65\x66","\x61\x74\x74\x72","\x61","\x66\x69\x6E\x64","\x69\x6E\x64\x65\x78\x4F\x66","\x72\x65\x6D\x6F\x76\x65","\x70\x75\x73\x68","\x65\x61\x63\x68","\x6C\x69","\x23\x70\x6F\x72\x74\x66\x6F\x6C\x69\x6F\x5F\x69\x6E\x65\x72","\x64\x61\x74\x61\x2D\x66\x69\x6C\x74\x65\x72","\x23\x70\x6F\x72\x74\x66\x6F\x6C\x69\x6F\x2D\x66\x69\x6C\x74\x65\x72\x20\x6C\x69\x20\x61\x3A\x66\x69\x72\x73\x74","\x23\x70\x6F\x72\x74\x66\x6F\x6C\x69\x6F\x2D\x66\x69\x6C\x74\x65\x72","\x6C\x69\x6E\x65\x61\x72","\x69\x73\x6F\x74\x6F\x70\x65","\x30","\x6F\x70\x61\x63\x69\x74\x79","\x63\x73\x73","\x70\x68\x75\x63","\x61\x64\x64\x43\x6C\x61\x73\x73","\x23\x70\x6F\x72\x74\x66\x6F\x6C\x69\x6F\x5F\x69\x6E\x65\x72\x20\x6C\x69","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x63\x6C\x69\x63\x6B","\x63\x75\x72\x72\x65\x6E\x74"];var url=[];$(_0xaa03[9])[_0xaa03[3]](_0xaa03[8])[_0xaa03[7]](function (){var _0x192cx2=$(this)[_0xaa03[3]](_0xaa03[2])[_0xaa03[1]](_0xaa03[0]);0<=url[_0xaa03[4]](_0x192cx2)?$(this)[_0xaa03[5]]():url[_0xaa03[6]](_0x192cx2);} );$(function (_0x192cx2){var _0x192cx3=_0x192cx2(_0xaa03[9]),_0x192cx4=_0x192cx2(_0xaa03[11])[_0xaa03[1]](_0xaa03[10]),_0x192cx5=_0x192cx2(_0xaa03[12]);_0x192cx3[_0xaa03[14]]({filter:_0x192cx4,animationOptions:{duration:750,easing:_0xaa03[13],queue:!1}});_0x192cx2(_0xaa03[20])[_0xaa03[7]](function (){_0xaa03[15]!=_0x192cx2(this)[_0xaa03[17]](_0xaa03[16])&&_0x192cx2(this)[_0xaa03[19]](_0xaa03[18]);} );_0x192cx5[_0xaa03[3]](_0xaa03[2])[_0xaa03[22]](function (_0x192cx5){_0x192cx5=_0x192cx2(this)[_0xaa03[1]](_0xaa03[10]);_0x192cx3[_0xaa03[14]]({filter:_0x192cx5,animationOptions:{duration:750,easing:_0xaa03[13],queue:!1}});_0x192cx2(_0xaa03[20])[_0xaa03[7]](function (){_0xaa03[15]!=_0x192cx2(this)[_0xaa03[17]](_0xaa03[16])?_0x192cx2(this)[_0xaa03[19]](_0xaa03[18]):_0x192cx2(this)[_0xaa03[21]](_0xaa03[18]);} );return !1;} );_0x192cx5[_0xaa03[3]](_0xaa03[2])[_0xaa03[22]](function (){_0x192cx2(this)[_0xaa03[1]](_0xaa03[10]);_0x192cx5[_0xaa03[3]](_0xaa03[2])[_0xaa03[21]](_0xaa03[23]);_0x192cx2(this)[_0xaa03[19]](_0xaa03[23]);} );} );
//]]>
</script>
<script id='ujfolio' type='text/javascript'>
    //<![CDATA[
var _0xe010=["\x72\x65\x6D\x6F\x76\x65","\x23\x75\x6A\x66\x6F\x6C\x69\x6F\x2C\x20\x23\x70\x6F\x72\x74\x66\x6F\x6C\x69\x6F\x5F\x69\x6E\x65\x72\x20\x73\x63\x72\x69\x70\x74\x2C\x20\x2E\x75\x6A\x66\x6F\x6C\x69\x6F"];jQuery(_0xe010[1])[_0xe010[0]]();
//]]>
</script>


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script src='https://googledrive.com/host/0BzpraT9RG6ticHBtWEhEdG1iY0U' type='text/javascript'/>

</b:if>
</b:if>



</body>
  


</html>